<template>
  <div class="counter">
    <h2>counter</h2>
    <p>data:{{ data }}</p>
    <p>
      <button @click="data++">+1</button>
      <button @click="data--">-1</button>
    </p>
  </div>
</template>

<script lang="ts" setup>
const data = ref(0);
</script>
<style scoped>
.counter {
  padding: 20px;
}
</style>
